<template>
<div class="warehouse-list">
  <date-picker v-model="time1" valueType="format" placeholder="选择日期"></date-picker>
  <date-picker v-model="time2" type="datetime" placeholder="选择日期和时间"></date-picker>
  <date-picker v-model="time3" range placeholder="选择时间范围"></date-picker>
  <date-picker v-model="time4" type="time" placeholder="选择时间"></date-picker>
  <date-picker v-model="time4" type="time" format="hh:mm" value-type="format" placeholder="选择时间"></date-picker>
  <date-picker v-model="time5" type="month" placeholder="选择月份"></date-picker>
  <p><a href="https://mengxiong10.github.io/vue2-datepicker/index.html">更多例子</a></p>
</div>
</template>

<script>
// import DatePicker from 'vue2-datepicker'

export default {
  name: 'warehouse-list',
  data () {
    return {
      time1: null,
      time2: null,
      time3: null,
      time4: null,
      time5: null
    }
  },
  created () {
    this.time2 = new Date()
  },
  methods: {
  }
  // components: { DatePicker }
}
</script>

<style scoped lang="stylus">

</style>
